<ui:composition template="/WEB-INF/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<ui:define name="header">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="row">
					<a class="navbar-brand" href="#"
						style="padding-top: 5px; padding-right: 5px;"> <h:graphicImage
							library="img" name="c.png" width="40" height="40" />
					</a> <a class="navbar-brand" href="#" style="font-size: 27px">Complementary</a>

					<ul class="nav navbar-nav navbar-right">
						<li><a href="#" style="font-size: 20px;">Home</a></li>
					</ul>

				</div>
			</div>
		</nav>
	</ui:define>

	<ui:define name="main">

		<div class="page-header" style="margin-top: 5px">
			<h3 align="right">
				<h:outputText value="Olá #{atividadeBean.admin.nome}" />
			</h3>
		</div>

		<h:form class="form-horizontal" id="cadastro">
			<h:messages />
			<h:inputHidden value="#{atividadeBean.atividade.id}" />

			<div class="panel panel-success">
				<div class="panel-body" style="background-color: #5cb85c; color: #fff;">
					<h3 class="panel-title">Cadastro de atividades</h3>
				</div>
				<div class="panel-footer">
					<div class="form-group" style="margin-top: 10px;">
						<h:outputLabel class="col-sm-1 control-label" value="Nome:"
							for="nome" style="text-align:left; margin-right:20px;" />
						<div class="col-sm-6">
							<h:inputText id="nome" label="Nome" required="true"
								class="form-control" value="#{atividadeBean.atividade.nome}"
								requiredMessage="O nome da atividade é obrigatorio">
							</h:inputText>
						</div>
					</div>
					<div class="form-group">
						<h:outputLabel class="col-sm-1 control-label" value="Descrição:"
							for="descricao" style="text-align:left; margin-right:20px;" />
						<div class="col-sm-6">
							<h:inputTextarea id="descricao" required="false"
								class="form-control"
								value="#{atividadeBean.atividade.descricao}" />
						</div>
						<div class="col-sm-4">
							<h:commandButton type="submit" class="btn btn-success"
								action="#{atividadeBean.salvar}" value="Salvar"
								style="padding-right: 50px; padding-left: 50px;
								margin-top: 18px; margin-left:50px" />
						</div>
					</div>
				</div>
			</div>
		</h:form>

		<h:form>

			<div class="panel panel-success">
				<div class="panel-body" style="background-color: #5cb85c; color: #fff;">
					<h3 class="panel-title">Listagem de atividades</h3>
				</div>
				<div class="panel-footer">
					<h:dataTable id="tabelaAtividadesCadastradas"
						class="table table-striped"
						value="#{atividadeBean.minhasAtividades}" var="atividade">
						<h:column>
							<f:facet name="header">
						<h3>Nome</h3>
					</f:facet>
							<h:column>
								<h:commandLink action="#{encontroBean.encontros}"
									value="#{atividade.nome}">
									<f:param value="#{atividade.id}"  name="idAtividade"/>
								</h:commandLink>
							</h:column>
						</h:column>
						<h:column>
							<f:facet name="header">
						<h3>Descrição</h3>
					</f:facet>
					#{atividade.descricao}
				</h:column>
					</h:dataTable>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>